<template>
	<view class="content">
<!-- 		<UserInfo username='咸虾米' avatar="/static/pic1.jpg"></UserInfo>
		<UserInfo username="李四" avatar="/static/pic2.jpg"></UserInfo>
		<UserInfo :username='name' avatar="/static/pic3.jpg"></UserInfo> -->
		
	<UserInfo v-for="(item,index) in userinfo" :obj="item" :key="index"></UserInfo>
	</view>
</template>

<script setup>
import { ref } from 'vue'

// const name = ref("王五")

const userinfo = ref([{
	username: '张三',
	avatar: '/static/pic1.jpg'
},{
	username: '李四',
	avatar: '/static/pic2.jpg'
},
{
	username: '王五',
	avatar: '/static/pic3.jpg'
}])
</script>

<style lang="scss" scoped>
	
</style>
